import bannerIcon from "@/assets/images/decorate/bannerIcon.png";
export default {
    id: "1-3",
    title: "图片组",
    name: "singleDiagramComponent",
    ename: "imageListComponent", //中间区域，组件的名称
    icon: "iconfont icon-tupianzu3",
    canDelete: true,
    fixedBottom: false, // 固定在底部，其下不能再添加组件
    active: "",
    main: {
        carouselContentList: [
            //图片组内容列表
            {
                id: 1,
                imgUrl: "",
                default: bannerIcon,
                height: 150,
                linkUrl: "",
                linkName: "",
            },
        ],
        height: 150, //图片组件默认高度
        modulePT: 0, //内容样式-上间距
        modulePB: 0, //内容样式-下间距
        modulePLR: 0, //内容样式-左右间距
        moduleSpace: 0, //内容图片上下间距
        moduleBTR: 0, //内容样式-上边角
        moduleBBR: 0, //内容样式-下边角

        //容器样式
        wrapperBgColor: "#FFFFFF", // 背景颜色
        wrapperBgImg: "", // 背景图片
        wrapperPT: 0, //内容样式-上间距
        wrapperPB: 0, //内容样式-下间距
        wrapperPLR: 0, //内容样式-左右间距
        wrapperBTR: 0, //内容样式-上边角
        wrapperBBR: 0, //内容样式-下边角
    },
    right: [
        {
            id: "1-3-2",
            name: "模块样式",
            direction: "column",
            open: true,
            catalog: [
                {
                    id: "1-3-2-1",
                    title: "上间距：",
                    display:"block" ,
                    name: "",
                    ename: "modulePT",
                    min: 0,
                    max: 50,
                    step: 1,
                    controlName: "sliderComponent",
                    default: 0,
                    value: 0,
                    suffix: "px",
                },
                {
                    id: "1-3-2-2",
                    title: "下间距：",
                    display:"block" ,
                    name: "",
                    ename: "modulePB",
                    min: 0,
                    max: 50,
                    step: 1,
                    controlName: "sliderComponent",
                    default: 0,
                    value: 0,
                    suffix: "px",
                },
                {
                    id: "1-3-2-3",
                    title: "左右间距：",
                    display:"block" ,
                    name: "",
                    ename: "modulePLR",
                    min: 0,
                    max: 50,
                    step: 1,
                    controlName: "sliderComponent",
                    default: 0,
                    value: 0,
                    suffix: "px",
                },
                {
                    id: "1-3-2-4",
                    title: "图片间距：",
                    display:"block" ,
                    name: "",
                    ename: "moduleSpace",
                    min: 0,
                    max: 50,
                    step: 1,
                    controlName: "sliderComponent",
                    default: 0,
                    value: 0,
                    suffix: "px",
                },
                {
                    id: "1-3-2-5",
                    title: "上边角：",
                    display:"block" ,
                    name: "",
                    ename: "moduleBTR",
                    min: 0,
                    max: 50,
                    step: 1,
                    controlName: "sliderComponent",
                    default: 0,
                    value: 0,
                    suffix: "px",
                },
                {
                    id: "1-3-2-6",
                    title: "下边角：",
                    display:"block" ,
                    name: "",
                    ename: "moduleBBR",
                    min: 0,
                    max: 50,
                    step: 1,
                    controlName: "sliderComponent",
                    default: 0,
                    value: 0,
                    suffix: "px",
                },
            ],
        },{
            id: "1-3-1",
            name: "模块内容",
            direction: "column",
            open: true,
            catalog: [
                {
                    id: "1-3-1-1",
                    name: "",
                    ename: "carouselContentList",
                    title: "",
                    display:"block" ,
                    controlName: "imageGroupComponent",
                    list: [
                        {
                            id: 1,
                            imgUrl: "",
                            default: bannerIcon,
                            linkUrl: "",
                            linkName: "",
                            height: 150,
                        },
                    ],
                },
            ],
        },
        {
            id: "1-3-3",
            name: "容器样式",
            direction: "column",
            open: true,
            catalog: [
                {
                    id: "1-3-3-01",
                    title: "背景颜色：",
                    display:"block" ,
                    name: "",
                    ename: "wrapperBgColor",
                    controlName: "colorComponent",
                    default: "#FFFFFF",
                    value: "#FFFFFF",
                },{
                    id: "1-3-3-02",
                    title: "背景图片：",
                    display:"block" ,
                    name: "",
                    ename: "wrapperBgImg",
                    controlName: "chooseImageComponent",
                    default: "",
                    value: "",
                },{
                    id: "1-3-3-1",
                    title: "上间距：",
                    display:"block" ,
                    name: "",
                    ename: "wrapperPT",
                    min: 0,
                    max: 50,
                    step: 1,
                    controlName: "sliderComponent",
                    default: 0,
                    value: 0,
                    suffix: "px",
                },
                {
                    id: "1-3-3-2",
                    title: "下间距：",
                    display:"block" ,
                    name: "",
                    ename: "wrapperPB",
                    min: 0,
                    max: 50,
                    step: 1,
                    controlName: "sliderComponent",
                    default: 0,
                    value: 0,
                    suffix: "px",
                },
                {
                    id: "1-3-3-3",
                    title: "左右间距：",
                    display:"block" ,
                    name: "",
                    ename: "wrapperPLR",
                    min: 0,
                    max: 50,
                    step: 1,
                    controlName: "sliderComponent",
                    default: 0,
                    value: 0,
                    suffix: "px",
                },
                {
                    id: "1-3-3-4",
                    title: "图片间距：",
                    display:"block" ,
                    name: "",
                    ename: "wrapperSpace",
                    min: 0,
                    max: 50,
                    step: 1,
                    controlName: "sliderComponent",
                    default: 0,
                    value: 0,
                    suffix: "px",
                },
                {
                    id: "1-3-3-5",
                    title: "上边角：",
                    display:"block" ,
                    name: "",
                    ename: "wrapperBTR",
                    min: 0,
                    max: 50,
                    step: 1,
                    controlName: "sliderComponent",
                    default: 0,
                    value: 0,
                    suffix: "px",
                },
                {
                    id: "1-3-3-6",
                    title: "下边角：",
                    display:"block" ,
                    name: "",
                    ename: "wrapperBBR",
                    min: 0,
                    max: 50,
                    step: 1,
                    controlName: "sliderComponent",
                    default: 0,
                    value: 0,
                    suffix: "px",
                },
            ],
        },
    ],
}